<template>
  <div class="assectNewSearch">
    <div class="newSearch" @click="showSearchWindow">
      <img src="static/image/newWork/search.png" alt="">

      查找应用、待办事项等
    </div>
  </div>
</template>

<script>
export default {
  props: {
    isAssectSearchShow: {},
  },
  methods: {
    showSearchWindow() {
      this.$emit("showSearchWindow");
    },
  },
};
</script>

<style lang="less" scoped>
// @import "xxx";
// @import url(xxx);
.assectNewSearch {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  z-index: 9;
  .newSearch {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    width: 280px;
    height: 32px;
    font-size: 13px !important;
    margin: 0 auto;
    color: #c0c4cc;
    display: flex;
    align-items: center;
    padding: 0 10px;
    cursor: pointer;

    img {
      margin-right: 5px;
    }
  }
}
</style>